﻿<!DOCTYPE html>

<!-- $Id: index.html 73 2012-03-12 13:08:27Z azbitnev@gmail.com $ -->

<head>

<meta http-equiv="Content-Type" content="text/html; charset=UTF-8"/> 
<meta http-equiv="Pragma" content="no-cache"/>
<meta http-equiv="Expires" content="-1"/>

<link href="../../css/basics.css" rel="stylesheet" type="text/css"/>
<link href="../../css/960c12.css" rel="stylesheet" type="text/css"/>
<link href="../../css/style.css" rel="stylesheet" type="text/css"/>
<!--[if lt IE 10]><link href="../../css/ie.css" rel="stylesheet" type="text/css"/><![endif]-->

<script type="text/javascript" charset="utf-8" src="../../jquery/1.7.1.js"></script> 

<title>jquery.ajp.paginator - examples</title>

<link href="../../source/css/release/jquery.ajp.css" rel="stylesheet" type="text/css"/>
<link href="../../source/css/release/theme/jquery.ajp.css" rel="stylesheet" type="text/css"/>
<script type="text/javascript" charset="utf-8" src="../../source/release/jquery.ajp.js"></script> 

<style>

body { margin: 1em; }

#ex1 { width: 360px; }
#ex2 { width: 440px; }

</style>

<script>

$(document).ready(function () {

	var m;
	var currentPage = ((m = location.href.match(/page=(\d+)$/)) ? parseInt(m[1]) : 1)
	if (window.console && console.log)
		console.log(currentPage)

	$('#ex1').ajp$paginator({
		total: 1000,
		baseUrl: '?page=%page%',
		current: currentPage,
		duration: 'slow',
		mousewheel: true,
		prev: '&larr; Previous',
		next: 'Next &rarr;'
	})

	$('#ex2').ajp$paginator({
		total: 1000,
		baseUrl: '?page=%page%',
		current: currentPage,
		duration: 'fast',
		mousewheel: true,
		prev: '&larr; Предыдущая',
		next: 'Следующая &rarr;'
	})
})

</script>

</head>

<body>
	<div id="ex1" class="ajp-paginator"></div>
	<br/>
	<div id="ex2" class="ajp-paginator"></div>
</body>